<template>
	<view class="user_form_background">
		<view class="login_bgc">
			<image class="bg_img" src="@/static/images/login_bg.png"></image>
			<view class="logo_box"><image class="logo" src="@/static/logo.png"></image></view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.user_form_background {
	width: 100%;
	height: 520rpx;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	.login_bgc {
		position: absolute;
		left: -75rpx;
		top: 0;
		height: 435rpx;
		width: 900rpx;
		border-radius: 0 0 50% 50%;
		background-color: $theme-color;
		display: flex;
		align-items: center;
		justify-content: center;
		.bg_img {
			width: 594rpx;
			height: 342rpx;
		}
		.logo_box {
			position: absolute;
			width: 154rpx;
			height: 154rpx;
			background: #FFFFFF;
			box-shadow: 0rpx 0rpx 14rpx 3rpx $theme-color;
			border-radius: 15rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			bottom: -80rpx;
			.logo {
				width: 100rpx;
				height: 100rpx;
			}
		}
	}
}
</style>
